Review visual design principles
複習視覺設計5大原則

1.強調(Emphasis)

突出最重要的內容或功能。

技巧:使用對比色、放大字型、新增圖示或留白來引導使用者注意關鍵元素(如“購買按鈕”或主標題)。

2.層級(Hierarchy)

建立資訊的優先順序,讓使用者知道從哪裡開始閱讀。

技巧:大標題 > 副標題 > 正文(字型大小逐級遞減)。使用顏色或位置凸顯主內容

3.比例與尺度(Scale & Proportion)

透過尺寸差異傳達視覺重點與邏輯關係。

技巧:大圖突出,小圖次要。按鈕比正文大,說明其是可互動的重要元件。

4.統一性(Unity)

讓設計整體看起來協調一致。

較:使用一致的色彩、字型、圖示風格。元件之間保持對齊和間距一致

5.多樣性(Variety)

避免設計單調,增強視覺趣味性。

技巧:在保持統一的前提下,引入不同的圖形、顏色或排版樣式。巧妙打破對稱,增強個性化與辨識度

進階:格式塔原則(Gestalt Principles)

如果你想進一步最佳化 Mockup,建議複習這些視覺認知法則,幫助使用者更自然地理解介面結構和邏輯:

相似性、接近性、連續性、閉合性、共同區域